<template>
   <div>
    <div class="box1"></div>
    <div class="box2"></div>
    <div class="box3"></div>
    <div class="box4"></div>
    <div class="box5"></div>
   </div>
</template>

<script>
export default {
   name:'list'
}
</script>

<style>
   div{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid black;
   }

   .box1{
    border: blue;
    position: absolute;
    top: 200px;
    left: 500px;
   }
   .box2{
    border: red;
    position: absolute;
    left: 590px;
    top: 200px;
   }
</style>